<template>
	<div class="comment">
    <Zothertop topname="评论"></Zothertop>
		<div class="maincon">
      <div class="mainshow">
        <div class="minshow clearfix">
            <div class="times">20分钟前</div>
            <img src="../../images/IMG_suosouneirong_header.png">
            <div class="txt">
              <span>护肤小技巧</span>
              <b>大量护肤小技巧等你来拿</b>
            </div>
        </div>
        <div class="minshow clearfix">
            <div class="times">20分钟前</div>
            <img src="../../images/IMG_suosouneirong_header.png">
            <div class="txt">
              <span>护肤小技巧</span>
              <b>大量护肤小技巧等你来拿</b>
            </div>
        </div>  
      </div> 
    </div>
	</div>
  
</template>
<script>
import Zothertop from "../../components/zothertop.vue"
export default {
    name: 'comment',
    data() {
      return {
      }
    },
    components:{
      Zothertop

    }
 
}
</script>
<style lang="less" scoped>
  .maincon{
    float: left;
    margin: 20/75rem 20/75rem;
  } 
  .mainshow{
    background-color: #fff;
    padding: 30/75rem 20/75rem 0 20/75rem;
    box-shadow: 2/75rem 2/75rem 9/75rem rgba(0,0,0,0.1);
    border-radius: 10/75rem;
  }

  .minshow{
    margin: 25/75rem 0;
    background-color: #fff;
    width: 670/75rem;
  }
  .minshow img{
    display: block;
    float: left;
  }
  .txt{
    float: left;
    margin-left: 40/75rem
  }
  .txt span{
    color: #333;
    font-size: 24/75rem;
    display: block;
    text-align: left;
  }
  .txt b{
    color: #333;
    font-size: 18/75rem;
    margin: 30/75rem 0;
    display: block;
  }
  .times{
    float: right;
    font-size:18/75rem;
    margin:0 5/75rem;
  }
</style>